<template>
    <div>
        <!-- 1.准备静态页面 -->
       <h1>{{msg}}</h1>
       <!-- 2.准备点击事件 -->
       <button @click="btn">逆转世界</button>
    </div>
</template>

<script>
export default {
   data(){
       return{
          msg:"Hello,World"
       }
   },
   methods:{
       btn(){
        // 3   
        let arr = this.msg.split("");
        // console.log(arr);
        // 4
        arr.reverse();
        // console.log(arr)
        // 5
        this.msg = arr.join("");

        // 简写
        // this.msg = this.msg.split("").reverse().join("");
       }
   }
}
</script>